<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="ISO-8859-1">
    <title>Student Management System</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

</head>

<body>

<div class="container my-2">
    <h1>Employees List</h1>

    <a th:href="@{/showNewStudentForm}" class="btn btn-primary btn-sm mb-3"> add student </a>

    <table border="1" class="table table-striped table-responsive-md">
        <thead>
        <tr>
            <th> studentname </th>
            <th> aex </th>
            <th> age </th>
            <th> status </th>
            <th> ticy </th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="student : ${listStudent}">
            <td th:text="${student.name}"></td>
            <td th:text="${ student.sex }"></td>
            <td th:text="${student.age}"></td>
            <td th:text="${ student.status }"></td>
            <td th:text="${student.ticy}"></td>
            <td> <a th:href="@{/showNewStudentUpdate{id}(id=${student.id})}" class="btn btn-primary">Update</a>
                <a th:href="@{/deleteStudent{id}(id=${student.id})}" class="btn btn-danger">Delete</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>
</body>

</html>